$(function(){
    $(".icon").click(function(){
        $("#wrap").slideUp();
    });
    $("#search").focus(function(){
        $(this).attr("placeholder","");
        $(".search").css({"background-position":"-57px 0"});
    });
    $("#search").blur(function(){
        $(this).attr("placeholder","请输入商家名称");
        $(".search").css({"background-position":"-43px 0"});
    });
    $(".f1").hover(
        function(){
            $(".font").css({"background-position":"108px -170px"});
            $(".ele").addClass("hover");
        },
        function(){
            $(".font").css({"background-position":"0 -170px"});
            $(".ele").removeClass("hover");
        }
    );
    $(".f2").hover(
        function(){
            $(".font_1").css({"background-position":"-108px -254px"});
            $(".ele").addClass("hover");
        },
        function(){
            $(".font_1").css({"background-position":"0 -254px"});
            $(".ele").removeClass("hover");
        }
    );
    $(".f3").hover(
        function(){
            $(".font_2").css({"background-position":"-108px -338px"});
            $(".ele_1").addClass("hover_1");
        },
        function(){
            $(".font_2").css({"background-position":"0 -338px"});
            $(".ele_1").removeClass("hover_1");
        }
    );
    $(".f4").hover(
        function(){
            $(".font_3").css({"background-position":"-108px -506px"});
            $(".f4_list").css({"display":"block"});
        },
        function(){
            $(".font_3").css({"background-position":"0 -506px"});
            $(".f4_list").css({"display":"none"});
        }
    );
    $(".f5").hover(
        function(){
            $(this).css({"background-position":"-108px -422px"});
        },
        function(){
            $(this).css({"background-position":" 0 -422px"});
        }
    )
    $(".f6").hover(
        function(){
            $(this).css({"background-position":"-108px -590px"});
        },
        function(){
            $(this).css({"background-position":"0 -590px"});
        }
    );
    var a=new sHover("sHoverItem","sIntro");
    a.set({
        slideSpeed:7,
        opacityChange:true,
        opacity:70
    });
    var page=-1;
    var length=4;
    var stop=false;
    function slide(){
        if(!stop){
            page++;
            if(page==length){
                page = 0;
                $(".pic").animate({"left":"0"},300);
            }
            $(".pic").animate({"left":"-"+page*666+"px"},300);
            $(".nav>li").removeClass("nav_1");
            $(".nav>li").eq(page).addClass("nav_1");
        }
        setTimeout(slide,3000);
    }
    slide();
    $(".carousel").mouseover(function(){
        stop=true;
    }).mouseout(function(){
        stop=false;
    });
    $(".nav>li").mouseover(function(){
        page = $(this).index();
        $(".pic").stop(true,true).animate({"left":"-"+page*666+"px"},300);
        $(".nav>li").removeClass("nav_1");
        $(".nav>li").eq(page).addClass("nav_1");
    });
    $(".main_3>ul>li:eq(0)").click(function(){
        $(this).addClass("sl");
        $(this).children("span").addClass("ele_3");
        $(".t1").css({"display":"block"});
        $(".t2").css({"display":"none"});
        $(".t3").css({"display":"none"});
        $(this).siblings().removeClass("sl");
        $(this).siblings().children("span").removeClass("ele_3");
    });
    $(".main_3>ul>li:eq(1)").click(function(){
        $(this).addClass("sl");
        $(this).children("span").addClass("ele_3");
        $(".t1").css({"display":"none"});
        $(".t2").css({"display":"block"});
        $(".t3").css({"display":"none"});
        $(this).siblings().removeClass("sl");
        $(this).siblings().children("span").removeClass("ele_3");
    });
    $(".main_3>ul>li:eq(2)").click(function(){
        $(this).addClass("sl");
        $(this).children("span").addClass("ele_3");
        $(".t1").css({"display":"none"});
        $(".t2").css({"display":"none"});
        $(".t3").css({"display":"block"});
        $(this).siblings().removeClass("sl");
        $(this).siblings().children("span").removeClass("ele_3");
    });
})